<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="iso-8859-1" />
	<meta name="author" content="Chris Hazekamp" />
	<meta name="description" content="{PAGE_DESCRIPTION}" />
	<meta name="keywords" content="{PAGE_KEYWORDS}" />
	<meta name="robots" content="noindex,nofollow" />	
	<base href="{MAIN_PATH}cms.php" />
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />	
	<link rel="stylesheet" type="text/css" href="{PAGE_STYLE}" />
	<link rel="stylesheet" href="scripts/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
	<!--<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>-->
	<script type="text/javascript" src="{MAIN_PATH}scripts/jquery.js"></script>
	<script type="text/javascript" src="scripts/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<script type="text/javascript" src="scripts/jquery.blockUI.js"></script>
	<script type="text/javascript" src="{MAIN_PATH}scripts/tiny_mce/jquery.tinymce.js"></script>

	<script type="text/javascript">
	document.createElement('header');
	document.createElement('footer');
	document.createElement('section');
	document.createElement('aside');
	document.createElement('nav');
	document.createElement('article');
	
	$(document).ready(function() {
	
		$("a.fancy").fancybox({
			'transitionIn'	:	'elastic',
			'transitionOut'	:	'elastic',
			'speedIn'		:	600, 
			'speedOut'		:	200, 
			'overlayShow'	:	false
		});
		
	});

	</script>
	<title>CMS | {SITE_NAME}</title>
</head>

<body>

<div id="global">
	
	<header>
		<div id="sitename">
			<img src="logo.svg" alt="" />
		</div>
		
		<nav id="main">
			<div class="tabs">
				<div class="tab">
					<a href="?p=logout">Logout</a>
				</div>
				<!--
				<div class="tab">
					<a href="?p=config">Config</a>
				</div>
				
				<div class="tab">
					<a href="?p=modules">Modules</a>
				</div>
				-->
				<div class="tab">
					<a href="?p=media">Media</a>
				</div>
				
				<div class="tab">
					<a href="?p=users">Users</a>
				</div>
				
				<div class="tab">
					<a href="?p=menu">Menu</a>
				</div>

				<div class="tab">
					<a href="?p=pages">Pages</a>
				</div>
			</div>
		</nav>
		
		<nav id="modules">
			<div class="tabs">
				<!-- BEGIN modules -->
                <!--
				<div class="tab">
					<a href="{modules.LINK}">{modules.TITLE}</a>
				</div>
                -->
				<!-- END modules -->
                <!--
				<div class="tab">
					<a href="?p=modules&act=add">+</a>
				</div>
                -->
			</div>
		</nav>
	</header>
	
	<div id="full">